import React from 'react'

import { useNavigate } from 'react-router-dom'

export default function ArticleList() {
  const navigate = useNavigate()
  const handleDetailClick = () => {
    navigate('/article/detail/123')
  }
  return (
    <div>
      <h1>文章列表</h1>
      <div style={{ cursor: 'pointer' }} onClick={handleDetailClick}>
        文章详情
      </div>
    </div>
  )
}
